<script setup lang="ts">
import {computed, onMounted, reactive, ref} from 'vue'
import DeviceList from "../../../components/adb/DeviceList.vue";
import DeviceStorage from "../../../components/adb/DeviceStorage.vue";
import PackageAction from "../../../components/adb/PackageAction.vue";
import DeviceInfo from "../../../components/adb/DeviceInfo.vue";
import FileAction from "../../../components/adb/FileAction.vue";
import ApkAction from "../../../components/adb/ApkAction.vue";
import AdbInfo from "../../../components/adb/AdbInfo.vue";

onMounted(async () => {

})
</script>

<template>
  <div class="logcat-page ver-layout-center">
    <div class="logcat-page-title">手机</div>
    <div class="page-content ver-layout">
      <!--  一、adb环境信息    -->
      <adb-info></adb-info>
      <div class="ver-layout">
        <!--   二、设备列表     -->
        <device-list></device-list>
        <!--  三、手机设备信息   -->
        <device-info></device-info>
        <!--  四、读取Android的存储目录   -->
        <device-storage></device-storage>
        <!--  五、获取设备的应用信息    -->
        <package-action></package-action>
        <!--   六.apk相关操作    -->
        <apk-action></apk-action>
        <!--  七、文件操作相关功能    -->
        <file-action></file-action>
      </div>
    </div>
  </div>
</template>

<style lang="less">
.logcat-page {
  margin: 20px;

  .logcat-page-title {
    font-size: 20px;
  }

  .page-content {
    width: 100%;
    margin-top: 20px;
    padding: 10px 20px;
    background: lightgrey;
  }
}
</style>
